<template>
    <el-row class="container" type="flex" justify="space-between">
        <el-row class="left">
            <StrategyDetail/>
        </el-row>
        <el-row class="right">
           <AboutStrategy/>
        </el-row>
    </el-row>
</template>

<script>
import AboutStrategy from '@/components/tourismStrategy/AboutStrategy'
import StrategyDetail from '@/components/tourismStrategy/StrategyDetail'
export default {
    components:{
        AboutStrategy,
        StrategyDetail
    }
}
</script>

<style lang="less" scoped>
.container{
    width:1000px;
    margin:22px auto 20px;
}
.left{
    width: 702px;

}
.right{
    width: 280px;
}
</style>